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JavaScript Official Content 
CodeBaba.net curriculum 


The JavaScript Guide shows you how to use JavaScript and gives an overview of the language. If you 
need exhaustive information about a language feature, You should learn from the official source 


Chose your learning style 


Recorded Video (YouTube Professional Teacher) 


DR. Adel Sabour Video 


This visual content helps you implement and simplify the official JavaScript content. 
Play list Link : https://www.youtube.com/playlist?list=PLtrkvrqgZCFM7RKWAjNIXy1KTxjQrS992w 


Certifications (Free & Trusted) 


JavaScript Algorithms and Data Structures 


Once you practice and have the fundamentals, you'll apply that knowledge by creating 
algorithms to manipulate strings, factorialize numbers, and even calculate the orbit of the International 
Space Station. 


Certificate Link : https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/ 


Official JavaScript Basis Topics 


¢ JavaScript basics 
https://developer.mozilla.org/en- 
US/docs/Learn/Getting_started_with_the_web/JavaScript_basics 
¢ JavaScript first steps 


https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps 
¢ JavaScript building blocks 
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks 
¢ Introducing JavaScript objects 
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects 


Official JavaScript Topics 


Introduction 


¢ About this guide 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Introduction#where_to_find_javascript_information 

¢ About JavaScript 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Introduction#what_is_javascript 

¢ JavaScript and Java 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Introduction#javascript_and_java 

¢ ECMAScript 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Introduction#javascript_and_the_ecmascript_specification 

* Tools 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Introduction#getting_started_with_javascript 

* Hello World 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Introduction#hello_world 


Grammar and types 


* Basic syntax & comments 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#basics 


Declarations 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Grammar_and_types#declarations 

Variable scope 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Grammar_and_types#variable_scope 

Variable hoisting 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Grammar_and_types#variable_hoisting 

Data structures and types 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Grammar_and_types#data_structures_and_types 
Literals 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#literals 


Control flow and error handling 


if...else 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#if...else_statement 
switch 


https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#switch_statement 
try/catch/throw 


https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#exception_handling_statem 
ents 


Error objects 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#utilizing_error_objects 


Loops and iteration 


For 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Loops_and_iteration#for_statement 
while 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Loops_and_iteration#while_statement 
do...while 

https://developer.mozilla.org/en- 


US/docs/Web/JavaScript/Guide/Loops_and_iteration#do...while stat 
ement 
* continue 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Loops_and_iteration#continue_statement 
° break 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Loops_and_iteration#break_statement 
° for...in 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Loops_and_iteration#for...in_statement 
° for...of 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Loops_and_iteration#for...of_statement 


Functions 


* Defining functions 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions#defining_functions 
* Calling functions 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions#calling functions 
¢ Function scope 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions#function_scope 
* Closures 


https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions#closures 
* Argument & Parameters 
Argument 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Functions#using_the_arguments_object 
Parameters 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Functions#function_parameters 
¢ Arrow functions 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions#arrow_functions 


Expressions and operators 


¢ Assignment & Comparison 
Assignment 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Expressions and _operators#assignment operators 


Comparison 


https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Expressions and operators#comparison operators 
Arithmetic operators 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Expressions_and_operators#arithmetic_operators 
Bitwise & logical operators 
Bitwise 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Expressions and _operators#bitwise operators 
Logical_operators 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Expressions and _operators#logical operators 
Conditional (ternary) operator / Expressions and operators 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Expressions_and_operators#conditional_(ternary)_operator 


Numbers and dates 


Number literals 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates#numbers 
Number object 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Numbers_and_dates#number_object 
Math object 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Numbers_and_dates#math_object 
Date object 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Numbers_and_dates#date_object 


Text formatting 


String literals 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Text_formatting#string_literals 
String object 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Text_formatting#string objects 
Template literals 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Text_formatting#multi- 
line template literals 


¢ Internationalization 


https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Text_formatting#internationalization 
* Regular Expressions 


https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions 


Indexed collections 


* Creating an array 
https://developer.mozilla.org/en- 
US/docs/Web/JavaSccript/Guide/Indexed_collections#creating_an_array 

¢ Referring to array elements 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Indexed_collections#referring_to_array_elements 

¢ Populating an array 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Indexed_collections#populating_an_array 

* Understanding length 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Indexed_collections#understanding_length 

¢ Iterating over arrays 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Indexed_collections#iterating_over_arrays 

¢ Array methods 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Indexed_collections#array_methods 

¢ Multi-dimensional arrays 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Indexed_collections#multi- 


dimensional _ arrays 
¢ Using arrays to store other properties 


https://developer.mozilla.org/en- 

US/docs/Web/JavaScript/Guide/Indexed_collections#using_arrays_to_store_other_properties 
¢ Working with array-like objects 

https://developer.mozilla.org/en- 

US/docs/Web/JavaS cript/Guide/Indexed_collections#working_with_array-like_objects 


Keyed collections 
* Map 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Keyed_collections#map_object 


° WeakMap 
https://developer.mozilla.org/en- 
US/docs/Web/JavaS cript/Guide/Keyed_collections#weakmap_object 
° Set 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Keyed_collections#set_object 
* WeakSet 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Keyed_collections#weakset_object 


Working with objects 


¢ Objects and properties 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Working_with_objects#objects_and_properties 
* Creating objects 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Working_with_objects#creating_new_objects 
* Defining methods 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Working_with_objects#defining_methods 
* Getter and setter 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Working_with_objects#defining _getters_and_setters 


Using classes 


* Declaring a class 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Using_classes#declaring_a_class 

* Various class features 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_classes#constructor 

¢ Extends and inheritance 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Using_classes#extends_and_inheritance 

¢ Why classes? 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_classes#why_classes 


Promises 


* Guarantees 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises#guarantees 


Chaining 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises#chaining 
Error handling 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Using_promises#error_handling 

Composition 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises#composition 
Timing 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises#timing 


Typed arrays 


Buffers and views: typed array architecture 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Typed_arrays#buffers_and_views_typed_array_architecture 
ArrayBuffer 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Typed_arrays#arraybuffer 
Typed array views 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Typed_arrays#typed_array_views 

DataView 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Typed_arrays#dataview 
Web APIs using typed arrays 

https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Typed_arrays#web_apis_using_typed_arrays 

Examples 


https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Typed_arrays#examples 
= Using views with buffers 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Typed_arrays#using_views_with_buffers 
= Multiple views on the same data 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Typed_arrays#multiple_views_on_the_same_data 
=" Working with complex data structures 


https://developer.mozilla.org/en- 

US/docs/Web/JavaScript/Guide/Typed_arrays#working_with_complex_data_structures 
= Conversion to normal arrays 

https://developer.mozilla.org/en- 

US/docs/Web/JavaScript/Guide/Typed_arrays#conversion_to_normal_arrays 


Iterators and generators 


¢ ITterators 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Iterators_and_generators#iterators 

¢ Iterables 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Iterators_and_generators#iterables 

¢ Generators 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Iterators_and_generators#generator_functions 


Meta programming 


° Proxy 
https://developer .mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Meta_programming#proxies 

¢ Handlers and traps 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Meta_programming#handlers_and_traps 

* Revocable Proxy 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Meta_programming#revocable_proxy 

° Reflect 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Meta_programming#reflection 


JavaScript modules 

¢ Exporting 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Modules#exporting_module_features 

¢ Importing 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Modules#importing_features_into_your_script 

* Default exports 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Modules#default_exports_versus_named_exports 

* Renaming features 
https://developer.mozilla.org/en- 
US/docs/Web/JavaScript/Guide/Modules#renaming_imports_and_exports 

* Aggregating modules 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules#aggregating modules 


¢ Dynamic module loading 
https://developer.mozilla.org/en- 
US/docs/Web/JavaS cript/Guide/Modules#dynamic_module_loading 


Official JavaScript Intermediate Topics 


Understanding client-side JavaScript frameworks 


https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side JavaScript frameworks 
JavaScript language overview 


https://developer.mozilla.org/en-US/docs/Web/JavaScript/Language overview 

JavaScript data structures 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures 

Equality comparisons and sameness 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness 
Enumerability and ownership of properties 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Enumerability_and_ownership_of_properties 
Closures 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures 


Official JavaScript Advanced Topics 


Client-side JavaScript frameworks 


https://developer.mozilla.org/en-US/docs/Learn/Tools and _testing/Client-side JavaScript frameworks 
Client-side web APIs (Front End) 


https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side web APIs 
Language overview 


https://developer.mozilla.org/en-US/docs/Web/JavaScript/Language overview 
JavaScript data structures 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures 


Equality comparisons and sameness 


https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_ comparisons and sameness 
Enumerability and ownership of properties 


https://developer.mozilla.org/en-US/docs/Web/JavaScript/Enumerability_ and ownership of properties 
Closures 


https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures 
Inheritance and the prototype chain 


https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the prototype chain 
Concurrency model and Event Loop 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Event_loop 

Inheritance and the prototype chain 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain 


